<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/png" href="images/ico55-002.png">
<title>回收站</title>
<script type="text/javascript" src="js/jquery-3.7.1.js"></script>
<script type="text/javascript" src="js/FileSaver.min.js"></script>
<script type="text/javascript" src="js/options.js"></script>
<style>
html, body {
	width: 99%;
	height: 99%;
}
body {
	background-color: #f3f3f3;
	color: #3282F6;
	text-align: left;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
body[data-tab="data"] div#content-data,
body[data-tab="whitelist"] div#content-whitelist {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}
body[data-tab="sendemail"] div#content-sendemail {
	width: 100%;
	height: auto;
	display: block;
}
body[data-tab="data"] li#tab-data,
body[data-tab="whitelist"] li#tab-whitelist,
body[data-tab="sendemail"] li#tab-sendemail {
	border-bottom-color: rgb(205,205,205);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: rgb(205,205,205);
	border-left-style: solid;
	border-left-width: 1px;
	border-top-color: rgb(205,205,205);
	border-top-style: solid;
	border-top-width: 1px;
	margin-right: -1px;
	
	background-color: white;
}
section.data {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}
section.email {
	width: 100%;
	height: auto;
	display: block;
}
select#sendemail-class {
	width: 100%;
	overflow: auto;
}
p.info {
	font-size: 9pt;
}
textarea.data {
	width: 99.5%;
	height: 100%;
}
textarea.description {
	width: 99.5%;
}
div,nav {
	display: block;
	z-index: 2;
}
nav > ul {
	display: block;
	padding-left: 0px;
}
nav li {
	cursor: pointer;
	display: block;
	text-align: left;
	padding: 5px;
}
nav li:hover {
	background-color: rgb(234,234,234);
}
body[data-tab="data"] main,
body[data-tab="whitelist"] main {
	display: flex;
	flex-direction: column;
	height: 99%;
}
body[data-tab="sendemail"] main {
	display: block;
	height: auto;
	overflow: auto;
}
main {
	padding: 5px;
	background-color: white;
	width: 99%;
	max-width: 1000px;
	border-color: rgb(205,205,205);
	border-width: 1px;
	border-style: solid;
	z-index: 1;
}
main > div {
	display: none;
}
input[type="button"] {
	overflow: hidden;
	max-width: 100%;
	text-overflow: ellipsis;
}
#recyclebin-clearsitediv {
	background-color: yellow;
}
#sidebar {
	width: 14.3rem;
	flex-shrink: 0;
}
pre {
	white-space: pre-wrap;
	word-wrap: break-word;
}
div#email-content {
	border-style: dashed;
	border-color: gray;
	border-width: 2px;
}
img#email-screenshot {
	object-fit: contain;
	width: 100%;
}
</style>
</head>
<body data-tab="data">
<div id="sidebar">
	<header>
		<h1 id="recyclebin-title">&nbsp;回收站</h1>
	</header>
	<nav>
		<ul>
			<li id="tab-data"><h2>&nbsp;回收站数据</h2></li>
			<li id="tab-whitelist"><h2>&nbsp;白名单</h2></li>
			<li id="tab-sendemail"><h2>&nbsp;发送举报邮件</h2></li>
		</ul>
	</nav>
	<footer></footer>
</div>
<main>
	<div id="content-data">
		<header>
			<h1>回收站数据</h1>
			<p class="info">使用方式: Ctrl+鼠标右键点击 将指向的网页元素移入回收站, Ctrl+Shift+鼠标右键点击 可以在将指向的网页元素移入回收站的同时进行举报. <a target="_blank" href="https://gitee.com/milaoshu1020/recycle-bin"><strong>[项目地址]</strong></a></p>
		</header>
		<section class="data">
			<textarea id="recyclebin-data" class="data"></textarea>
			<br>
			<div>
				<input type="button" id="recyclebin-save" value="保存" />
				<input type="button" id="recyclebin-clear" value="清空" />
				<input type="button" id="recyclebin-reload" value="重载" />
				<input type="button" id="recyclebin-backup" value="备份" />
				<input type="button" id="recyclebin-restore" value="恢复" />
				<input type="button" id="recyclebin-exportreport" value="导出站点统计" />
				<input type="button" id="recyclebin-clearsite" value="删除站点数据" />
				<div id="recyclebin-clearsitediv" style="display:none">
					host:
					<input type="text" id="recyclebin-sitetoclear" size="10" />
					<input type="button" id="recyclebin-clearsiteok" value="删除数据">
				</div>
				<input type="file" id="fileInput" style="display:none" accept=".bak"/>
			</div>
		</section>
	</div>
	<div id="content-whitelist">
		<header>
			<h1>白名单</h1>
			<p class="info">符合这些正则表达式的网址将被回收站忽略(每行一个).</p>
		</header>
		<section class="data">
			<textarea id="whitelist-data" class="data"></textarea>
			<br>
			<div>
				<input type="button" id="whitelist-save" value="保存" />
				<input type="button" id="whitelist-clear" value="清空" />
				<input type="button" id="whitelist-reload" value="重载" />
				<input type="button" id="whitelist-backup" value="备份" />
				<input type="button" id="whitelist-restore" value="恢复" />
				<input type="file" id="fileInput2" style="display:none" accept=".bak"/>
			</div>
		</section>
	</div>
	<div id="content-sendemail">
		<header>
			<h1>发送举报邮件</h1>
			<table>
			<tr>
			<td>
				收件人: <br><strong><span id="mailto">jubao@12377.cn</span></strong><br>
				<br>
				邮件主题: <br><strong><span id="subject">(未选择)</span></strong><br>
			</td>
			<td>
			<p class="info">
				1. 请先查看 <a target="_blank" href="https://www.12377.cn/jbzn.html?tab=4"><strong>[举报指南]</strong></a> , 然后选择当前页面下方的举报类别,输入举报内容描述以替换description的占位内容; <br>
				2. 点击 <strong>[自动复制内容到剪贴板并发送邮件]</strong> 启动邮件客户端, 启动客户端时收件人/主题都是填好的, 可以根据实际情况修改; <br>
				3. 在客户端的邮件正文中按CTRL+V或者鼠标右键菜单选择粘贴; 如果图片没有正确粘贴, 可能需要单独复制图片, 然后在客户端中选择粘贴图片; <br>
				4. 如果选择的是其他类,则可能需要手动修改邮件标题; <br>
				5. 点击邮件客户端的 <strong>[发送]</strong> 按钮进行举报, 注意: 1天最多举报30次; 客服表示邮件举报没有查询码; <br>
			</p>
			</td>
			</tr>
			</table>
		</header>
		<section class="email">
			<div id="email-content">
				<div id="email-text">
					<pre id="email-code"></pre>
				</div>
				<img id="email-screenshot" alt="页面截图." title="页面截图.">
			</div>
			
			<select id="sendemail-class">
				<option>======================================================== 请选择举报类别 ========================================================</option>
				<option>政治类 - 攻击党和国家制度及重大方针政策</option>
				<option>政治类 - 攻击“两个维护”</option>
				<option>政治类 - 危害国家安全、泄露国家机密</option>
				<option>政治类 - 破坏国家统一和领土完整</option>
				<option>政治类 - 损害国家形象荣誉利益</option>
				<option>政治类 - 破坏国家民族宗教政策、宣扬邪教</option>
				<option>政治类 - 诋毁英雄烈士</option>

				<option>暴恐类 - 宣扬暴力恐怖思想</option>
				<option>暴恐类 - 教唆实施暴力恐怖活动</option>
				<option>暴恐类 - 传授暴恐犯罪技能</option>
				<option>暴恐类 - 传播暴力血腥视频、图片</option>

				<option>诈骗类 - 仿冒银行网站进行支付交易诈骗</option>
				<option>诈骗类 - 仿冒电信运营商网站进行支付充值诈骗</option>

				<option>色情类 - 含有色情内容的信息</option>
				<option>色情类 - 儿童色情信息</option>

				<option>低俗类 - 含有低俗内容的信息</option>

				<option>赌博类 - 网络博彩</option>
				<option>赌博类 - 其他含有赌博内容的信息</option>

				<option>侵权类 - 境内公开互联网平台上涉嫌泄露个人隐私、侮辱谩骂、诽谤诋毁的信息</option>
				
				<option>谣言类 - 公共政策</option>
				<option>谣言类 - 社会安全</option>
				<option>谣言类 - 自然灾害</option>
				<option>谣言类 - 食药安全</option>
				<option>谣言类 - 卫生健康</option>
				<option>谣言类 - 科学知识</option>
				<option>谣言类 - 历史文化</option>

				<option>生活服务类平台问题 - 为线下违法活动引流</option>
				<option>生活服务类平台问题 - 搜索环节呈现违法信息</option>
				<option>生活服务类平台问题 - 发布违规营销信息</option>
				<option>生活服务类平台问题 - 组织操纵刷分控评</option>
				<option>生活服务类平台问题 - 重点环节推荐低俗不良信息</option>
				<option>生活服务类平台问题 - 传播网络迷信信息</option>
				<option>生活服务类平台问题 - 散布炫富拜金、暴饮暴食等不良导向信息</option>
				
				<option>涉及“网络水军”问题</option>
				
				<option>境内网站平台上编造传播的损害企业及企业家名誉的虚假不实信息</option>

				<option>涉历历史虚无主义的有害信息 - 歪曲党史、新中国史、改革开放史、社会主义发展史的</option>
				<option>涉历历史虚无主义的有害信息 - 攻击党的领导、指导思想、政策方针的</option>
				<option>涉历历史虚无主义的有害信息 - 诋毁英雄烈士的</option>
				<option>涉历历史虚无主义的有害信息 - 否定中华优秀文化、革命文化、社会主义先进文化的</option>
				
				<option>涉疫情防控的有害信息 - 涉及疫情防控政治类有害信息</option>

				<option>涉网络文化产品的有害信息 - 境内外网络影视剧、动漫、游戏等网络文化产品中攻击党和国家制度</option>
				<option>涉网络文化产品的有害信息 - 境内外网络影视剧、动漫、游戏等网络文化产品中危害国家安全</option>
				<option>涉网络文化产品的有害信息 - 境内外网络影视剧、动漫、游戏等网络文化产品中损害国家形象</option>
				<option>涉网络文化产品的有害信息 - 境内外网络影视剧、动漫、游戏等网络文化产品中宣扬历史虚无主义</option>
				<option>涉网络文化产品的有害信息 - 境内外网络影视剧、动漫、游戏等网络文化产品中诋毁英雄烈士</option>
				<option>涉网络文化产品的有害信息 - 提供有害网络文化存储、下载、播放、售卖等服务的网站</option>
				<option>涉网络文化产品的有害信息 - 提供有害网络文化存储、下载、播放、售卖等服务的APP</option>
				<option>涉网络文化产品的有害信息 - 提供有害网络文化存储、下载、播放、售卖等服务的云服务器</option>
				<option>涉网络文化产品的有害信息 - 提供有害网络文化存储、下载、播放、售卖等服务的云盘</option>
				<option>涉网络文化产品的有害信息 - 提供有害网络文化存储、下载、播放、售卖等服务的其他传播平台和渠道</option>
				<option>涉网络文化产品的有害信息 - 其他涉网络文化产品的有害信息</option>
				
				<option>涉未成年人网络生态乱象问题 - 侵犯未成年人个人隐私问题，对未成年人人身攻击、侮辱谩骂等网络欺凌行为，对未成年人造成不良导向的污言秽语等内容</option>
				<option>涉未成年人网络生态乱象问题 - 利用“网红儿童”牟利以及让未成年人做出不雅姿势、性暗示动作吸引流量问题，诱导未成年人做危险动作等行为</option>
				<option>涉未成年人网络生态乱象问题 - 为未满16周岁的未成年人提供网络主播服务，诱导未成年人参与直播打赏的问题</option>
				<option>涉未成年人网络生态乱象问题 - 以未成年人为形象创作的色情小说、漫画内容，引诱未成年人不良交友、煽动负面情绪等问题</option>
				<option>涉未成年人网络生态乱象问题 - 利用社交软件、群组、同城频道等，对未成年人进行性引诱、教唆未成年人拍摄裸露视频图片、实施网络猥亵等行为</option>
				<option>涉未成年人网络生态乱象问题 - 散布虚假信息、虚构离奇故事和低俗剧情进行炒作引流、恶意营销等问题，以及炫富拜金、奢靡享乐、扭曲审美等问题</option>
				<option>涉未成年人网络生态乱象问题 - 向未成年人提供网络游戏账号租售服务的信息，以问答等形式教授破解防沉迷系统的信息内容</option>
				<option>涉未成年人网络生态乱象问题 - 学习类APP和板块存在色情低俗及其他导向不良内容</option>
				<option>涉未成年人网络生态乱象问题 - 电商平台商品信息以及评论区、问答区等互动环节展示涉未成年人低俗、血腥等内容</option>
				<option>涉未成年人网络生态乱象问题 - 专门供未成年人使用的智能手表、智能音箱、平板电脑、早教故事机等智能设备存在的违法不良信息</option>
				
				<option>其他类 - 请自行说明</option>
			</select>
			<textarea id="email-description" class="description" rows="3">请输入举报内容描述(不能超过500个字符)</textarea>
			<br>
			<div>
				<input type="button" id="sendemail-copy-send" value="自动复制内容到剪贴板并发送邮件(在邮件客户端中直接粘贴就行了)" />
				<input type="button" id="sendemail-copy-send-comp" value="使用兼容模式发送" />
				<input type="button" id="sendemail-save-screenshot" value="保存截图文件" />
				<input type="button" id="sendemail-clear" value="清空" />
			</div>
		</section>
	</div>
</main>

</body>
</html>
